$(function() {
    initCateList()

    function initCateList() {
        axios.get('/my/cate/list').then(function({ data: res }) {
            const rows = []
            res.data.forEach((item, index) => {
                rows.push(`
          <tr>
                        <td>${index + 1}</td>
                        <td>${item.cate_name}</td>
                        <td>${item.cate_alias}</td>
                        <td>
                            <button type="button" class="layui-btn layui-btn-xs btn-edit" data-id="${item.id}">修改</button>
                            <button type="button" class="layui-btn layui-btn-danger layui-btn-xs btn-delete" data-id="${item.id}">删除</button>
                        </td>
                    </tr>
          `)
                $('.layui-card-body tbody').html(rows)
            })
        })
    }
    let addIndex = null
    $('#btnShowAdd').on('click', function() {
        addIndex = layer.open({
            type: '1',
            title: '文章类别',
            content: $('#template-add').html()
        });
    })
    layui.form.verify({
        name: [/^\S{1,10}$/, '非空字符串1-10位'],
        alias: [/^[a-zA-Z0-9]{1,15}$/, '只能是1-15位的字母或数字']
    })
    $('body').on('submit', '#form-add', function(e) {
            e.preventDefault()
            let data = $(this).serialize()
            axios.post('/my/cate/add', data).then(function({ data: res }) {
                if (res.code === 0) {
                    layer.msg('添加成功')
                    initCateList()
                    layer.close(addIndex)
                }
            })
        })
        // 点击修改按钮,弹层
    let editIndex = null;
    $('body').on('click', '.btn-edit', function(e) {


        if ($(this).attr('data-id') === '1' || $(this).attr('data-id') === '2') {
            layer.msg('不允许修改')
            return

        }
        e.preventDefault()
        editIndex = layer.open({
            type: '1',
            title: '文章修改',
            content: $('#template-edit').html()
        });
        // 回显数据
        let id = $(this).attr('data-id')
        axios.get('/my/cate/info', {
            params: {
                id
            }
        }).then(function({ data: res }) {
            if (res.code === 0) {
                layui.form.val('form-edit', res.data)
            }
        })
    })
    $('body').on("submit", '#form-edit', function(e) {

            e.preventDefault()
            let data = $(this).serialize()
            axios.put('/my/cate/info', data).then(function({ data: res }) {
                layer.msg('修改成功')
                initCateList()
                layer.close(editIndex)
            })
        })
        // 点击修改按钮
    $('body').on('click', '.btn-delete', function(e) {
        if ($(this).attr('data-id') === '1' || $(this).attr('data-id') === '2') {
            layer.msg('不允许删除')
            return

        }
        e.preventDefault()
        let id = $(this).attr('data-id')

        layer.confirm('是否确认删除?', { icon: 3, title: '提示' }, function(index) {

            // console.log(id)
            axios.delete('/my/cate/del', {
                params: {
                    id
                }
            }).then(function({ data: res }) {
                console.log(1)

                if (res.code === 0) {

                    layer.msg('删除成功')
                    initCateList()
                }
            })
        });

    })
})